<extend name="Base/common"/>

<block name="head"></block>

<block name="body">
    <script type="text/javascript">
        var iurl = "{:U('Home/List/detaillist','','')}";
    </script>
    <div class="top" id="home">
        <div class='sit-header '>
            <div class="container">
                <div class="logo"><a href="{:U('Home/Index/index','','')}"><img src="__ROOT__{:get_cover($logo['image'],$field = path)}" /></a></div>
                <!--- start-nav---->
                <div class="nav_ba visible-lg visible-md" id="menu-wrapper">
                    <ul class="nav_li nav">
                        <li><a href="{:U('Home/List/list2',array('cate'=>85),'')}">{$menu[1]['title']}</a></li>
                        <li class="active"><a href="{:U('Home/List/index',array('cate'=>66),'')}">{$menu[2]['title']}</a></li>
                        <li><a href="{:U('Home/List/list_activity',array('cate'=>68),'')}">{$menu[3]['title']}</a></li>
                        <li><a href="{:U('Home/List/list2',array('cate'=>70),'')}">{$menu[4]['title']}</a></li>
                        <li><a href="{:U('Home/List/list2',array('cate'=>83),'')}">{$menu[5]['title']}</a></li>
                        <li <php>echo $cates=='84'?"class='active'":""</php>><a href="{:U('Home/Index/index',array('cate'=>84),'')}#about">{$menu[6]['title']}</a></li>
                        <li <php>echo $cates=='40'?"class='active'":""</php>><a href="{:U('Home/Index/index',array('cate'=>40),'')}#customer">{$menu[7]['title']}</a></li>
                    </ul>
                </div>
                <button class="toggle-menu visible-sm visible-xs"><i class="fa fa-bars"></i></button>
                <!--- //end-nav-->
            </div>
        </div>
    </div>

    <nav class="sMenu" >
        <h3><i class="fa fa-angle-left"></i>菜單</h3>
        <ul>
            <li><a href="{:U('Home/List/list2',array('cate'=>85),'')}">{$menu[1]['title']}</a></li>
            <li class="active"><a href="{:U('Home/List/index',array('cate'=>66),'')}">{$menu[2]['title']}</a></li>
            <li><a href="{:U('Home/List/list_activity',array('cate'=>68),'')}" >{$menu[3]['title']}</a></li>
            <li><a href="{:U('Home/List/list2',array('cate'=>70),'')}">{$menu[4]['title']}</a></li>
            <li><a href="{:U('Home/List/list2',array('cate'=>83),'')}">{$menu[5]['title']}</a></li>
            <li <php>echo $cates=='84'?"class='active'":""</php>><a href="{:U('Home/Index/index',array('cate'=>84),'')}#about">{$menu[6]['title']}</a></li>
            <li <php>echo $cates=='40'?"class='active'":""</php>><a href="{:U('Home/Index/index',array('cate'=>40),'')}#customer">{$menu[7]['title']}</a></li>
        </ul>
    </nav>
    
    <div class="container artist">
        <div class="artist_left">
            <div id="myCarousel" class="artist_info_img carousel slide" data-pause="">
                <div class="carousel-inner" >
                    <if condition="is_array($artist['photo'])">
                        <volist name="artist['photo']" id="pdata">
                            <div class="item artist_img_con star_images" >
                                <img src="__ROOT__{:get_cover($pdata,$field = path)}">
                            </div>
                        </volist>
                        <else/>
                        <div class="item artist_img_con active">
                            <img src="__ROOT__{:get_cover($artist['photo'],$field = path)}">
                        </div>
                    </if>
                </div>
                <ol class="carousel-indicators">
                    <if condition="is_array($artist['photo'])">
                        <volist name="artist['photo']" id="photo" key="k">
                             <li data-target="#myCarousel" data-slide-to="{$k}" class="images_li"></li>
                        </volist>
                        <else/>
                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    </if>  
                </ol>
                <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
            </div>
            <div class="artist_name">
                <h2 class="artist_name_cn">{$artist['title']}</h2>
                <h2 class="artist_name_en">{$artist['aname']}</h2>
            </div>
            <div class="jiathis_style_24x24">
                <span>分享到：</span> 
                <a class="jiathis_button_weixin"></a>
                <a class="jiathis_button_fb"></a>
            </div>
        </div>
        <div class="artist_right">
            {$artist['content']}
        </div>
        <div class="artist_info">
            <h3 class="artist_info_title">藝人介紹</h3>
            {$artist['description']}
        </div>
        <div class="artist_bottom_img gallery">
            <h3 class="artist_info_title">藝人活動</h3>
            <if condition="is_array($artist['images'])">
                <volist name="artist['images']" id="Imdata">
                    <div class="col-md-4 col-xs-6 ">
                         <a href="__ROOT__{:get_cover($Imdata,$field = path)}" class="div_con" rel="prettyPhoto[gallery1]"><img src="__ROOT__{:get_cover($Imdata,$field = path)}" class="blur"/></a>
                    </div>
                </volist>
                <elseif condition="$artist['images']!=''"/>
                 <div class="col-md-4 col-xs-6 ">
                      <a href="__ROOT__{:get_cover($artist['images'],$field = path)}" class="div_con" rel="prettyPhoto[gallery1]"><img src="__ROOT__{:get_cover($artist['images'],$field = path)}" class="blur"/></a>
                  </div>
            </if>
        </div>
        <div class="clearfix"></div>
        <div class="back"><a href="{:U('Home/List/index',array('cate'=>66),'')}">返　回</a></div>
    </div>
    <block name='footer'></block>
</block>